<template>
  <div class="role-management">
    <h1>角色管理</h1>
    <el-table :data="roles" style="width: 100%">
      <el-table-column prop="id" label="ID" width="180"></el-table-column>
      <el-table-column prop="name" label="角色名称" width="180"></el-table-column>
      <el-table-column prop="description" label="描述"></el-table-column>
    </el-table>
  </div>
</template>
 
<script>
export default {
  data() {
    return {
      roles: [
        { id: 1, name: '管理员', description: '拥有所有权限' },
        { id: 2, name: '普通用户', description: '拥有基本权限' }
      ]
    };
  }
};
</script>
 
<style scoped>
.role-management {
  padding: 20px;
}
</style>
